<template>
  <div style="background:#fff">
    <div class="eva">
      <span class="money"
        >￥<span class="gold">{{ pr }}</span
        >.00</span
      >
      <p class="timi">{{ps}}</p>
      <p class="ex">附赠运费险</p>
      <div class="pink">
        <i class="what"></i>
<span>24小时发货 ·急速审核  ·免费上门取退</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["pr","ps"],
  data() {
    return {
      prs: "",
    };
  },
  mounted() {
    this.$nextTick(() => {
      this.prs = this.pr;
      console.log(this.pr)
    });
  },
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.eva {
    margin: 0px auto auto 10px;
}
.money {
  color: #f2270c;
  display: inline-block;
}
.gold {
  font-size: 30px;
}
.timi{
        font-weight: 700;
    line-height: 21px;
    align-items: center;
    display: flex;
    min-height: 36px;
    color: #262626;
    margin:15px 15px 15px 10px;
}
.ex {
    margin: 10px auto 10px 10px;
    font-size: 12px;
}
.pink {
    background-color: #fbf0fd;
        font-size: 13px;
    height: 13px;
    line-height: 1;
    padding: 12px 48px 12px 10px;
    /* position: relative; */
    vertical-align: middle;
    
    color: #e93b3d
}
.what {
    display: inline-block;
        background-image: url("//jstatic.3.cn/static/ease_buy@2x.f695fa6e.png?__inline");
            background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 4px;
    vertical-align: middle;
    height: 13px;
    width: 70px;
}
</style>